<template>
	<view id="gengduo">
		<view class="foot_x">
			<view class="liaojie" @click="gethref(iis.id)" v-for="iis in item" :key='iis.id'>
				<view class="nbu" >
					<i>{{iis.name}}</i>
					<i>></i>
				</view>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				item:[
					
				]
			}
		},
		onLoad(option) {
			this.gitesid = option.id
			this.loditem()
		},
		methods: {
			
			
			loditem(){
				// http://xie.sdjunchen.com/index/api.index/information
				uni.request({
					url: 'http://xie.sdjunchen.com/index/api.index/information',
					method: 'GET',
					success: res => {
						console.log(res.data.data);
						this.item= res.data.data
						console.log(this.item);
					},
					fail: () => {
						uni.$u.toast('请求失败');
						console.log('请求失败');
					},
					complete: () => {
						console.log('请求完成');
					}
				});
			},

			//跳转详情
			gethref(ids) {
				var item = JSON.stringify(ids);
				uni.navigateTo({
			
					url: '../liaojiewhuaqi/liaojiewhuaqi?item=' + item,
					// pages/index/pages/xinagqingye/xiangqingye
					fail: (res) => {
						console.log(res) //打印错误信息
					}
				});
				console.log('您掉的');
			},
		}
	}
</script>

<style>
	#gengduo{
		width: 100%;
		height: 100%;
		background-color: #fff;
	}
	
	
	.foot_x {
		width: 100%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding: 0 15px 0 15px;
	}
	
	.foot_x>view {
		height: 50px;
		border-bottom: 1px solid #f1f1f1;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	
	.foot_x>view:nth-child(5) {
		border-bottom: none;
	}
	
	.liaojie>view {
		display: flex;
		justify-content: space-between;
	}
	
	.liaojie>view>i:nth-child(1) {
		font-size: 14px;
	}
	
	.liaojie>view>i:nth-child(2) {
		font-size: 14px;
		color: #acacac;
	}
	
	.liaojiec {
		display: flex;
		justify-content: center;
		flex-direction: column;
		text-align: center;
		color: #afafaf;
		font-size: 14px;
	}
	
	.nbu {
		width: 91%;
	}
	
</style>
